<template>
	<view class="content">
        <u-navbar bgColor="#fff" 
            :fixed="true" :shadow="true" :safeAreaInsetTop="true" :placeholder="true"
            leftIconColor="#151C24" @leftClick="back"
            title="个人信息" titleColor="#151C24" >
        </u-navbar>
        <view class="uni-area u-p-b-30">
            <!-- 个人信息 -->
            <view class="u-m-t-30 uni-shadow u-p-t-0 u-p-b-0">
                <view v-for="(item,index) in info" :key="index" 
                    class="item u-flex u-row-between u-font-28"
                    @click="hand(index)">
                    <text class="uni-gery-color">{{item.title}}</text>
                    <text v-if="index!=1" :class="[index==4?'uni-higt-color':'']">{{item.value}}</text>
                    <u-avatar v-else :src="item.value" size="34"></u-avatar>
                </view>
            </view>
            <!-- 我的企业 -->
            <uni-item-base class="u-m-t-30" :baseData="myQiye" />
            <!-- 我的项目 -->
            <uni-item-base class="u-m-t-30" :baseData="myProject" />
        </view>

        <!-- 提示组件 -->
        <u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                // 用户信息
                userInfo: uni.getStorageSync("userInfo"),
                parameter:{
                    deptId: null, // 所属部门编号
                    gcbh: null // 所属项目(工程)编号
                },
                // 个人信息
                info:[
                    { field:'userName', title:'姓名', value:'安薪乐' },
                    { field:'profile', title:'头像', value:'/static/logo.png' },
                    { field:'gwlx_label', title:'角色', value:'安薪乐' },
                    { field:'sex', title:'性别', value:'安薪乐' },
                    { field:'acc', title:'账号', value:'安薪乐' },
                    { field:'phone', title:'手机号', value:'安薪乐' },
                    { field:'deptName', title:'单位名称', value:'安薪乐' },
                    { field:'districtName', title:'行政区域', value:'安薪乐' },
                ],
                // 我的企业
                myQiye:{
                    line: false,
                    title: '我的企业',
                    rightText: '',
                    list:[
                        { filed:'qybm', title:'企业名称', value:'安薪乐' },
                        { filed:'ssqy_rclxrxm', title:'联系人', value:'安薪乐' },
                        { filed:'ssqy_rclxrbgdh', title:'联系电话', value:'安薪乐', type:'phone' },
                        { filed:'ssqy_dwlx', title:'单位类型', value:'安薪乐' },
                        { filed:'ssqy_dwdh', title:'单位电话', value:'安薪乐', type:'phone' },
                        { filed:'ssqy_dwdz', title:'单位地址', value:'安薪乐' },
                    ]
                },
                // 我的项目
                myProject:{
                    line: false,
                    title: '我的项目',
                    rightText: '',
                    list:[
                        { filed:'gcmc', title:'项目名称', value:'安薪乐' },
                        { filed:'ssgc_xmtype', title:'项目类型', value:'安薪乐' },
                        { filed:'ssgc_jsjd', title:'建设阶段', value:'安薪乐' },
                        { filed:'ssgc_contactname', title:'项目负责人', value:'安薪乐' },
                        { filed:'ssgc_contactphone', title:'联系电话', value:'安薪乐', type:'phone' },
                    ]
                }
            }
		},

        created() {
			// 监听从裁剪页发布的事件,获得裁剪结果
			uni.$on('uAvatarCropper', path => {
                this.userInfo[1].value = path
			})
		},

        onReady(){},

		onLoad() {
            // console.log('用户信息',this.userInfo)
            this.parameter.deptId = this.userInfo.deptId,
            this.parameter.gcbh = this.userInfo.ssgcbh,
            // 用户信息
            this.info.map((v,i)=>{
                if( v.field ){
                    v.value = this.userInfo[v.field]?this.userInfo[v.field]:'暂无数据源'
                }else{
                    v.value = '暂无字段'
                }
            })
            const obj = this.userInfo.ssgcxx[0]
            // 企业概况
            this.myQiye.list.map((v,i)=>{
                v.value = obj[v.filed]?obj[v.filed]:'暂无数据源'
            })
            // 项目概况
            this.myProject.list.map((v,i)=>{
                v.value = obj[v.filed]?obj[v.filed]:'暂无数据源'
            })
        },


		methods: {
            back(){
                uni.navigateBack()
            },
            hand(index){
                if( index == 1 ){
                    // 此为uView的跳转方法，详见"文档-JS"部分，也可以用uni的uni.navigateTo
                    uni.$u.route({
                        // 关于此路径，请见下方"注意事项"
                        url: '/uview-ui/components/u-avatar-cropper/u-avatar-cropper',
                        // 内部已设置以下默认参数值，可不传这些参数
                        params: {
                            // 输出图片宽度，高等于宽，单位px
                            destWidth: 300,
                            // 裁剪框宽度，高等于宽，单位px
                            rectWidth: 200,
                            // 输出的图片类型，如果'png'类型发现裁剪的图片太大，改成"jpg"即可
                            fileType: 'jpg',
                        }
                    })
                }
            }
		}
	}
</script>

<style lang="scss">
    .content{
        .card{
            background: $uni-text-color-inverse;
            padding: 10rpx 30rpx;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
        }
    }
    .item{ 
        padding: 30rpx 0;
        border-bottom: 1rpx solid #eee;
        &:last-child{
            border: none;
        }
    }
</style>
